@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;}
.all{
	position:relative;
	margin:50px auto;
    background-image:url("img/game_bg.jpg");
	width:320px;
	height:480px;
	cursor:pointer;
	}
.all>h1{
	position:absolute;
	top:0;
	left:60px;
	color:#FFF;
	}
.all>img{
	
	position:absolute;
	border-radius:16px;
	left:63px;
	top:66px;}
.all>.starGame{
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:40px;
	border:none;
	background: linear-gradient(#E55C3D,#C50000);
	border-radius:40px;
	color:#FFF;
	}
.all>p{
	
	position:absolute;
	width:100%;
	background-color:#999;
	bottom:0;
	text-align:center;}
	.rule{
		cursor:pointer;}
.rules{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgb(0,0,0,0.5);
    display:none;
	
	
	
	}
.rules>.box{
	position:absolute;
    top:100px;
	left:150px;

	}
.rules>.box>p{
	padding-top:40px;
	
	margin-left:-50px;
	color:#FFF;}
.rules>.box>a{
	
	margin-top:20px;
	
	position:absolute;
	text-align:center;
	}
.all>.gameOver{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgb(0,0,0,0.5);
	display:none;
	}
.all>.gameOver>h1{
	text-align:center;
	color:#FC3;
	text-shadow:1px 2px 2px #FFFFFF;
	position:absolute;
	top:200px;
	margin-left:35px;
	font-size:40px;}
.all>.gameOver>.restartGame{
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-50px;
	width:100px;
	height:40px;
	border:none;
	background: linear-gradient(#FF6,#C50000);
	border-radius:40px;
	color:#FFF;
	}